<template>
 <div class="check-btn" :class="{active:isChecked}">
     <img src="@/assets/img/cart/tick.svg" alt="">
 </div>
</template>

<script>
 export default {
     props: {
         isChecked: {
             type: Boolean,
             default() {
                 return true
             }
         }
     },
   data () {
     return {

     }
   },
   created() {

   },
   methods: {

   }
 }
</script>

<style scoped>
.check-btn {
    width: 50px;
    height: 50px;
    /* background-color: rgba(252, 249, 249, 0.5); */
    border-radius: 25px;
}
.check-btn img {
    width: 100%;
    height: 100%;
}
 .avtive {
     background-color: red;
 }
</style>
